<template>
	<view class="_appoint_item u-flex u-flex-items-center">
		<view class="_time">08:30</view>
		<view class="_right_area">
			<view class="f-s-14">乒乓球训练课程</view>
			<view class="u-flex u-flex-items-center u-m-t-12">
				<view class="f-s-12">张三</view>
				<view class="u-m-l-24 f-s-10 u-info">18:12 已签到</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	
</script>

<style lang="scss"  scoped>
	._appoint_item{
		background: #F3F3F5;
		padding: 12px 20px;
		border-radius: 12px;
		margin-bottom: 16px;
		._time{
			font-size: 20px;
			font-weight: bolder;
		}
		._right_area{
			flex: 1;
			margin-left: 20px;
			border-left: 1rpx solid #aaa;
			padding-left: 20px;
		}
	}

</style>